<div class='toptip ui-widget-header ui-corner-all ui-helper-clearfix' style='position: fixed;top: 0px;padding: 5px 30px;text-align: center; display: none; opacity:0; z-index: 2000; -moz-border-radius:3px 3px 3px 3px; background:url("${path.rootPath}/images/ui-bg_highlight-soft_100_f9f9f9_1x100.png") repeat-x scroll 50% 50% #F9F9F9; border:1px solid #CCCCCC; color:#E69700; font-weight:bold;'>登陆成功!</div>
<script type="text/javascript">
var $tip = $(".toptip");
$tip.data("face",{
	queue:[],
	isRun:false,
	show:function(){
		$tip.data("face").isRun = true;
		$tip.show();
		$tip.html($tip.data("face").queue.shift());
		$tip.css("left",($(window).width()*0.5 + $("html").scrollLeft()) - $tip.width()*0.5);
		$tip.data("face").fadeIn(function(){
			setTimeout($tip.data("face").hide,1500);
		});
	},
	hide:function(){
		$tip.data("face").fadeOut(function(){
			queue = $tip.data("face").queue;
			if(queue.length > 0){
				$tip.data("face").show();
			} else {
				$tip.data("face").isRun = false;
				$tip.hide();
			}
		});
	},
	push:function(msg){
		queue = $tip.data("face").queue;
		if(queue.length < 1){
			queue.push(msg);
		} else {
			queue[1] = msg;
		}
		if(!$tip.data("face").isRun){
			$tip.data("face").show();
		}
	},
	fadeIn:function(f){
		$tip.css("margin-top","0px");
		$tip.animate({
			opacity:1,
			marginTop:"10px"
		},{
			duration:500,
			complete:f
		});
	},
	fadeOut:function(f){
		$tip.animate({
			opacity:0,
			marginTop:"20px"
		},{
			duration:500,
			complete:f
		});
	}
});
window.toptip = function(msg){
	$tip.data("face").push(msg);
}
</script>
